{% load static %}
<style>
    #copyright, footer {
        padding: 0 !important;
        margin: 0;
    }

    #copyright {
        text-align: center;
        font-size: 1em;
        background-color: #333;
        color: #666;
    }

    #footer-top {
        height: 300px;
        background-color: #515151;
        padding: 0 !important;

    }


    #footer-top .col-4 table tr {
        height: 50px;
        text-align: center;

    }

    #footer-top .col-4 table, #footer-top .col-4 {
        padding-right: 0 !important;
    }

    #footer-top .col-5 {
        padding: 0;
        margin: 0;
        border-right: 1px solid #4c4c4c;
    }

    #uuuu li {
        float: left;
        margin-left: 10px;
        display: inline-block;

    }

    #uuuu li a {
        color: whitesmoke;
    }


</style>
<footer class="container-fluid">
    <div id="footer-top" class="container-fluid row">
        <div class="col-4">
            <table border="1" cellspacing="10" align="center" class="container-fluid">
                <tr>
                    <td>开发者:</td>
                    <td>{{ author }}</td>
                </tr>
                <tr>
                    <td> 博客量:</td>
                    <td>{{ blogNum }}篇</td>
                </tr>


                <tr>
                    <td>诞生日:</td>
                    <td>{{ birthday }}</td>
                </tr>
                <tr>
                    <td>运行时长:</td>
                    <td>{{ days }}天</td>
                </tr>
                <tr>
                    <td>访客量:</td>
                    <td>{{ visitorNum }}人</td>
                </tr>
                <tr>
                    <td>今日访问量:</td>
                    <td>{{ visitorNumToday }}人</td>
                </tr>

            </table>
        </div>
        <div class="col-5">
            <span style="color: #FFFFFF;">&nbsp;&nbsp;友情链接:</span>
            <hr style="margin-top:0.5rem;">
            <ul id="uuuu" style="width: 100%;height: 100%;">

                {% for link in link_list %}

                    <li><a href="{{ link.1 }}">{{ link.0 }}</a></li>
                {% endfor %}

            </ul>

        </div>

    </div>

    <div id="copyright" class="container-fluid"><a href="https://beian.miit.gov.cn/" target="_blank">鄂ICP备20013301号</a>-copyrights©2021
        0318-SPACE All Rights Reserved. Email:
        2474605919@qq.com
    </div>


</footer>